<ion-header>
  <ion-navbar>
    <ion-title>金股管理</ion-title>
    <ion-buttons end>
      <button ion-button (click)="advancedSearch()">高级搜索</button>
    </ion-buttons>
  </ion-navbar>
  <ion-row class='email-list-searchbar'>
    <ion-col col-10>
      <ion-toolbar no-border-top>
        <ion-searchbar [(ngModel)]="keyWord" color="light" placeholder="请输入股票编码或拼音">
        </ion-searchbar>
      </ion-toolbar>
    </ion-col>
    <ion-col col-2>
      <button ion-button class="search-button">查询</button>
    </ion-col>
  </ion-row>
</ion-header>

<ion-content>
  <!--<ion-row>-->
  <!--<div class="date-condition">-->
  <!--<span style="padding: 0 5px 0 10px;">日期:</span>-->
  <!--<div>-->
  <!--<span class="dateTime">-->
  <!--<ion-datetime displayFormat="YYYY-MM-DD" pickerFormat="YYYY-MM-DD" [(ngModel)]="startTime" cancelText="取消"-->
  <!--doneText="确定">-->

  <!--</ion-datetime>-->
  <!--</span>-->
  <!--<span style="padding:0 10px 0 10px">至</span>-->
  <!--<span class="dateTime">-->
  <!--<ion-datetime displayFormat="YYYY-MM-DD" pickerFormat="YYYY-MM-DD" [(ngModel)]="endTime" cancelText="取消"-->
  <!--doneText="确定">-->

  <!--</ion-datetime>-->
  <!--</span>-->
  <!--</div>-->
  <!--<button class="inquire-button">查询</button>-->
  <!--</div>-->
  <!--</ion-row>-->
  <ion-list>
    <ion-item>
      <div class="list-item">
        <div class="item-line1 clear">
          <span class="item-label">60004</span>
          <span>白云机场</span>
          <span>(涨跌幅:<span style="color: red">12.73%</span>)</span>
          <span style="float: right;">陈樱子</span>
        </div>
        <div class="item-line2 clear">
          <span style="float: left;">推荐日期:2017-08-17</span>
          <span style="float: right;">计算日期:2017-11-17</span>
        </div>
        <div class="item-line3 clear">
          <span style="float: left;">推荐日收盘价:10.00</span>
          <span style="float: right;">计算日收盘价:12.73</span>
        </div>

        <div>
          <div *ngIf="isShow" class="item-line4">
            <p>推荐日持仓(万股):832.59</p>
            <p style="margin-top: 10px">计算日持仓(万股):1427.43</p>
          </div>
          <!--          <div class="item-line5">
                      <p>结束日期:&#45;&#45;</p>
                      <p style="margin-top: 10px">结束日五日均价:&#45;&#45;</p>
                    </div>-->
        </div>

        <div class="more">
          <span (click)="showAll()">{{moreString}}</span>
        </div>
      </div>
    </ion-item>
    <ion-item>
      <div class="list-item">
        <div class="item-line1 clear">
          <span class="item-label">60000</span>
          <span>浦发银行</span>
          <span>(涨跌幅:<span style="color: green">-10.00%</span>)</span>
          <span style="float: right;">孙迪</span>
        </div>
        <div class="item-line2 clear">
          <span style="float: left;">推荐日期:2017-07-17</span>
          <span style="float: right;">计算日期:2017-11-17</span>
        </div>
        <div class="item-line3 clear">
          <span style="float: left;">推荐日收盘价:10.00</span>
          <span style="float: right;">计算日收盘价:9.00</span>
        </div>
        <!--<div>-->
        <div *ngIf="isShow1" class="item-line4">
          <p>推荐日持仓(万股):756.59</p>
          <p style="margin-top: 10px">计算日持仓(万股):923.43</p>
        </div>
        <!--</div>-->
        <!--<div *ngIf="isShow">-->
        <!--<div class="item-line4">-->
        <!--<p>推荐日持仓(万股):485.58</p>-->
        <!--<p>当前持仓(万股):355.35</p>-->
        <!--</div>-->
        <!--<div>-->
        <!--<p>结束日期:&#45;&#45;</p>-->
        <!--<p>结束日五日均价:&#45;&#45;</p>-->
        <!--</div>-->
        <!--</div>-->
        <div class="more">
          <span (click)="showAllOne()">{{moreStringOne}}</span>
        </div>
      </div>
    </ion-item>
  </ion-list>
</ion-content>
